<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>搜索</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--第二步：引入css-->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" >
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <!--第三步：引入js-->
    <script src="js/jquery-2.0.3.js"></script>
    <script src="js/bootstrap.js"></script>

</head>
<body>
<header style="background: #F5F5F5;position: relative">
    <a href="http://localhost:63342/%E5%B0%8F%E7%B1%B3%E5%95%86%E5%9F%8E/%E5%B0%8F%E7%B1%B3%E5%95%86%E5%9F%8E.html"><img style="width: .88rem;height: .77rem;float: left;" class="sousuohome" src="images/searchhome.png"></a>
    <input type="search" style="width: 17.5rem;height: .6rem;position: absolute;top: .1rem;outline: none"/>
    <img class="icon_search" style="width: .77rem;height: .66rem;float: right;position: absolute;top: .1rem;right: 0" src="images/Ssearch.png">

</header>
<div class="big_ul" style="width: 100%;height: .83rem">
    <ul class="list-default" style="width: 18.5rem;height: .83rem;overflow: hidden;margin: 0 .2rem">
        <li class="top" ><span>小米Max</span></li>
        <!--<li class="top"><span>小米5尊享版 3D玻璃</span></li>-->
        <li class="top"><span>红米</span></li>
        <li class="default_li"><span>小米手机5</span></li>
        <li class="default_li"><span>红米3 高配版</span></li>
        <li class="default_li"><span>小米手机4S</span></li>
        <li class="default_li"><span>小米路由器3</span></li>
        <li class="default_li"><span>小米Note</span></li>
        <li class="default_li"><span>小米4c</span></li>
    </ul>

</div>

</body>
</html>
<script>
    $(function()
    {
        function fullwidth()
        {
            if($('body').width() >= 640)
            {
                $('html').css('font-size',100 + 'px');
                return;
            }
            var scale = $('body').width() / 640;
            $('html').css('font-size',scale * 100 + 'px');
        }
        fullwidth();
        $(window).resize(function()
        {
            fullwidth();
        })
    });
</script>